<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="../common/taglibs.jsp"%>
<sx:head/>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="StyleSheet" type="text/css" href="<%=request.getContextPath()%>/pages/css/common.css"></link>
<link rel="StyleSheet" type="text/css" href="<%=request.getContextPath()%>/pages/css/password.css"></link>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/password.js" ></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/jquery-1.5.js" ></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/jquery.validate.min.js" ></script>
<title>DFASS</title>
</head>
<body>
	<div class="headerContent" align="center">
		<div class="header">
		<%@ include file="../inc/logged_top.jsp" %>			
		</div>
		<div id="nav_container">
		<%@ include file="../menu/mb_menu_inventory.jsp" %>
	    </div>
	</div>
	<div class="bodyContent" align="center">
		<table><tr><td>&nbsp;</td></tr></table>
		<!-- This Empty Table is Required before the content of the body -->
		<s:form theme="simple" id="createProductForm" name="createProductForm" method="post" action="nextInProduct" enctype="multipart/form-data">		
			<table class="tblAdminNormal tlbHorizontial">
				<thead>
					<tr>
						
						<td colspan="4">View Product - ${product.name}</td>
					</tr>
				</thead>
				<tbody>
				    <tr>
				        <td style="width:150px;">Product Code</td>
				        <td><s:label value="%{product.code}" /></td>
				    </tr>
				    <tr>
				        <td>Category</td>
				        <td><a href="viewCategory?id=${product.category.id }"> <s:label value="%{product.category.code}" /> </a></td>
				    </tr>
				    <tr>
				    	<td> Sub Category </td>
				    	<td><a href="viewSubCategory?id=${product.subCategory.id }"> <s:label value="%{product.subCategory.code}" /> </a></td>
				    </tr>
				    <tr>
				        <td>Image 1</td>
				        <td><img:image src="../uploadImages/%{product.prdImageUrl1}" height="150" width="200"/></td>
				    </tr>
				    <tr>
				        <td>Image 2</td>
				        <td><img:image src="../uploadImages/%{product.prdImageUrl2}" height="150" width="200"/></td>
				    </tr>
				    <tr>
				        <td>Image 3</td>
				        <td><img:image src="../uploadImages/%{product.prdImageUrl3}" height="150" width="200"/></td>
				    </tr>
				    <tr>
				        <td>Name</td>
				        <td><s:label value="%{product.name}" /></td>
				    </tr>
				    <tr>
				        <td>Description</td>
				        <td><s:label value="%{product.description}" /></td>
				    </tr>
				    <tr>
				        <td>Vendor</td>
				        <td><s:label value="%{product.vendor}" /></td>
				    </tr>
				    <tr>
				        <td>Re-order level</td>
				        <td><s:label value="%{product.reOrderLevel}" /></td>
				    </tr>
				    <tr>
				        <td>Critical Lower Threshold</td>
				        <td><s:label value="%{product.clt}" /></td>
				    </tr>
				    <tr>
				    	<td colspan="5" style="padding-right: 20px;">
					    	<table id="tblAvailableAirLines" class="userList" border="1" style="border: 2px groove gray;">
					    		<thead>
									<tr><td colspan="5"> Available Airlines </td></tr>
									<tr>
										<td>Airline Name</td>
										<td>Currency</td>
										<td style="width:100px;">Unit Price</td>
										<td style="width:130px;">Discount Rate</td>
									</tr>
								</thead>
								<tbody>
									<s:iterator value="airlineDetails" > 
									<tr style="max-height:10px; height: 10px; padding: 0px;">
										<td style="font-weight: normal;"><s:label value="%{airline.name}" /></td>
										<td style="font-weight: normal;"><s:label value="%{currency.description}"/></td>
										<td style="font-weight: normal; text-align: right; padding-right: 20px;"><s:label value="%{unitPrice}"/></td>
										<td style="font-weight: normal; text-align: right; padding-right: 20px;"><s:label value="%{discountRate}"/></td>
									</tr>
									</s:iterator>	
								</tbody>								    		
					    	</table>
				    	</td>
				    </tr>
				</tbody>
			</table>		
		</s:form>
	</div>				
	
	<div class="footerContent" align="center">
		<div class="footer">
			<%@ include file="/pages/inc/footer.jsp" %>
		</div>
	</div>
</body>
</html>